!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[StylableButton_Default]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[StylableButton_Default]"]=t(require("react")):e["rb_wixui.thunderbolt[StylableButton_Default]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={27232:function(e,t,n){var a=n(82016);e.exports=a.create("StylableButton2545352419",{classes:{root:"StylableButton2545352419__root",label:"StylableButton2545352419__label",link:"StylableButton2545352419__link",container:"StylableButton2545352419__container",icon:"StylableButton2545352419__icon"},vars:{},stVars:{},keyframes:{},layers:{}},"",-1,e.id)},82016:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createRenderable=t.create=void 0;t.create=function(e,t,n,a,r,o){const l={namespace:e,classes:t.classes,keyframes:t.keyframes,layers:t.layers,vars:t.vars,stVars:t.stVars,cssStates:function(e){const t=[];for(const n in e){const a=s(n,e[n]);a&&t.push(a)}return t.join(" ")},style:i,st:i,$id:r,$depth:a,$css:n};function s(t,n){if(!1===n||null==n||n!=n)return"";if(!0===n)return function(t){return`${e}--${t}`}(t);return function(t,n){return`${e}---${t}-${n.length}-${n.replace(/\s/gm,"_")}`}(t,n.toString())}function i(){const e=[];for(let t=0;t{const n=[];return e&&n.push(`${l}${e}`),t.forEach((e=>{e&&(n.push(`${l}${e}`),n.push(e))})),n.join(" ")},i=13,c=27;function u(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}const d=u(32),p=u(i),b=e=>{p(e),d(e)},m=(u(c),({role:e,tabIndex:t,tabindex:n,...a}={})=>{const r=Object.entries(a).reduce(((e,[t,n])=>({...e,[`aria-${t}`.toLowerCase()]:n})),{role:e,tabIndex:t??n});return Object.keys(r).forEach((e=>{void 0!==r[e]&&null!==r[e]||delete r[e]})),r}),f=({reportBiOnClick:e,onClick:t})=>(0,n.useCallback)((n=>{e?.(n),t?.(n)}),[e,t]),v=e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{});const y=(e,t)=>e?{"data-comp":t,"data-aid":t}:{},C={root:"linkElement"};var k=n.forwardRef(((e,t)=>{const{href:a,role:r,target:o,rel:l,className:s="",children:i,linkPopupId:c,anchorDataId:u,anchorCompId:m,tabIndex:f,dataTestId:y=C.root,title:k,onClick:g,onDoubleClick:h,onMouseEnter:M,onMouseLeave:x,onFocus:N,onFocusCapture:E,onBlurCapture:S,"aria-live":B,"aria-disabled":_,"aria-label":D,"aria-labelledby":w,"aria-pressed":O,"aria-expanded":I,"aria-describedby":L,"aria-haspopup":P,"aria-current":T,dataPreview:j,dataPart:$}=e,F=void 0!==e.activateByKey?e.activateByKey:(e=>e?"SpaceOrEnter":"Space")(c);let A;switch(F){case"Enter":A=p;break;case"Space":A=d;break;case"SpaceOrEnter":A=b;break;default:A=void 0}return void 0!==a||c?n.createElement("a",{...v(e),"data-testid":y,"data-popupid":c,"data-anchor":u,"data-anchor-comp-id":m,"data-preview":j,"data-part":$,href:a||void 0,target:o,role:c?"button":r,rel:l,className:s,onKeyDown:A,"aria-live":B,"aria-disabled":_,"aria-label":D,"aria-labelledby":w,"aria-pressed":O,"aria-expanded":I,"aria-haspopup":P,"aria-describedby":L,"aria-current":T,title:k,onClick:g,onMouseEnter:M,onMouseLeave:x,onDoubleClick:h,onFocus:N,onFocusCapture:E,onBlurCapture:S,ref:t,tabIndex:c?0:f},i):n.createElement("div",{...v(e),"data-testid":y,"data-preview":j,"data-part":$,className:s,tabIndex:f,"aria-label":D,"aria-labelledby":w,"aria-haspopup":P,"aria-disabled":_,"aria-expanded":I,title:k,role:r,onClick:g,onDoubleClick:h,onMouseEnter:M,onMouseLeave:x,ref:t},i)}));const g=e=>Boolean(e&&(e.href||e.linkPopupId)),h="buttonContent",M="stylablebutton-label",x="stylablebutton-icon",N=(Object.keys({width:{type:"maxContent"}}),{left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"}),E={"flex-start":"left","flex-end":"right",center:"center","space-between":"space-between"};var S={root:"button",buttonLabel:"button__label",buttonIcon:"button__icon"};var B=e=>{const{label:t,icon:n,classNames:a}=e;return o().createElement("span",{className:a.container},t&&o().createElement("span",{className:a.label,"data-testid":M},t),n&&o().createElement("span",{className:a.icon,"aria-hidden":"true","data-testid":x},n))};const _=e=>n.createElement("span",{dangerouslySetInnerHTML:{__html:e||""}}),D=(e,t)=>e?e.replace(/(id="|url\(#|href="#)([^"]+)(?=[")])/g,((e,n,a)=>""+n+(t+a))):e,w=(e,t)=>["has",t,...e.split("has").slice(1)].join("");function O(e){let{hover:t={},disabled:n={},...a}=e;return{...a,...Object.fromEntries([...Object.entries(t).map((e=>{let[t,n]=e;return[w(t,"Hover"),n]})),...Object.entries(n).map((e=>{let[t,n]=e;return[w(t,"Disabled"),n]}))])}}const I=(e,a)=>{const{id:r,link:o,type:l="button",svgString:s,label:i,isDisabled:c,className:u,isQaMode:b,fullNameCompType:C,reportBiOnClick:M,a11y:x,corvid:N,onDblClick:E,onMouseEnter:w,onMouseLeave:O,onFocus:I,onBlur:L,ariaAttributes:P,onClick:T,preventLinkNavigation:j,classNames:$,compPreviewState:F}=e,A=g(o),R=j&&A,K=!c&&T||R,U=e.semanticClassNames||S,V=n.useRef(null);n.useImperativeHandle(a,(()=>({focus:()=>{var e;null==(e=V.current)||e.focus()},blur:()=>{var e;null==(e=V.current)||e.blur()}})));const W=n.useMemo((()=>{var e,t;return m({...P,...x,label:null!=(e=null!=(t=null==P?void 0:P.label)?t:x.label)?e:i})}),[x,i,P]),H=f({reportBiOnClick:M,onClick:K?e=>{R&&e.preventDefault(),!c&&(null==T||T(e))}:void 0}),G=n.useMemo((()=>((e,t,n)=>{let{onClick:a,onDblClick:r,onMouseEnter:o,onMouseLeave:l,onFocus:s,onBlur:i}=e;return{onClick:a,onMouseEnter:o,onMouseLeave:l,onKeyDown:t?d:p,onDoubleClick:!n&&r?r:void 0,onFocus:!n&&s?s:void 0,onBlur:!n&&i?i:void 0}})({onClick:H,onDblClick:E,onMouseLeave:O,onMouseEnter:w,onFocus:I,onBlur:L},A,c)),[H,E,O,w,I,L,A,c]),{iconSvgString:q,iconCollapsed:Q}=N||{},J=$.root;let Z=null,z=!1;Q||null===q||(q?(Z=_(D(q,r)),z=!0):s&&(Z=_(D(s,r))));const X=a=>n.createElement("div",t()({id:r,className:u},y(b,C),v(e),{"data-semantic-classname":U.root}),n.createElement("button",t()({type:l,disabled:c,className:J,"data-testid":h},W,G,{ref:V,role:a,"data-preview":F}),n.createElement(B,{label:i,icon:Z,override:z,semanticClassNames:U,classNames:$})));return c&&A?X("link"):A?(()=>{const{onFocus:a,onBlur:l,...s}=G;return n.createElement("div",t()({id:r,className:u},s,v(e),y(b,C),{"data-semantic-classname":U.root}),n.createElement(k,t()({},o,W,{href:c?void 0:o.href,className:$.link,onFocusCapture:a,onBlurCapture:l,ref:V,dataPreview:F}),n.createElement(B,{label:i,icon:Z,semanticClassNames:U,classNames:$})))})():X()};var L=n.forwardRef(I),P=a(27232);var T=e=>{const{label:t,icon:n,override:a,semanticClassNames:r}=e;return o().createElement("span",{className:P.classes.container},t&&o().createElement("span",{className:(0,P.st)(P.classes.label,s(r.buttonLabel)),"data-testid":M},t),n&&o().createElement("span",{className:(0,P.st)(P.classes.icon,{override:!!a},s(r.buttonIcon)),"aria-hidden":"true","data-testid":x},n))};const j=(e,a)=>{const{id:r,link:o,type:l="button",svgString:i,label:c,isDisabled:u,className:b,stylableButtonClassName:C,customClassNames:M=[],isQaMode:x,fullNameCompType:N,reportBiOnClick:E,a11y:B,corvid:w,isMaxContent:I=!1,isWrapText:L=!1,onDblClick:j,onMouseEnter:$,onMouseLeave:F,onFocus:A,onBlur:R,ariaAttributes:K,onClick:U,preventLinkNavigation:V}=e,W=g(o),H=V&&W,G=!u&&U||H,q=e.semanticClassNames||S,Q=n.useRef(null);n.useImperativeHandle(a,(()=>({focus:()=>{var e;null==(e=Q.current)||e.focus()},blur:()=>{var e;null==(e=Q.current)||e.blur()}})));const J=n.useMemo((()=>{var e,t;return m({...K,...B,label:null!=(e=null!=(t=null==K?void 0:K.label)?t:B.label)?e:c})}),[B,c,K]),Z=f({reportBiOnClick:E,onClick:G?e=>{H&&e.preventDefault(),!u&&(null==U||U(e))}:void 0}),z=n.useMemo((()=>((e,t,n)=>{let{onClick:a,onDblClick:r,onMouseEnter:o,onMouseLeave:l,onFocus:s,onBlur:i}=e;return{onClick:a,onMouseEnter:o,onMouseLeave:l,onKeyDown:t?d:p,onDoubleClick:!n&&r?r:void 0,onFocus:!n&&s?s:void 0,onBlur:!n&&i?i:void 0}})({onClick:Z,onDblClick:j,onMouseLeave:F,onMouseEnter:$,onFocus:A,onBlur:R},W,u)),[Z,j,F,$,A,R,W,u]),{iconSvgString:X,iconCollapsed:Y,...ee}=w||{},te=(0,P.st)(P.classes.root,{error:!1,disabled:u,isMaxContent:I,isWrapText:L,...O(ee)},C,s(q.root,...M));let ne=null,ae=!1;Y||null===X||(X?(ne=_(D(X,r)),ae=!0):i&&(ne=_(D(i,r))));const re=a=>n.createElement("div",t()({id:r,className:b},y(x,N),v(e),{"data-semantic-classname":q.root}),n.createElement("button",t()({type:l,disabled:u,className:te,"data-testid":h},J,z,{ref:Q,role:a}),n.createElement(T,{label:c,icon:ne,override:ae,semanticClassNames:q})));return u&&W?re("link"):W?(()=>{const{onFocus:a,onBlur:l,...s}=z;return n.createElement("div",t()({id:r,className:b},s,v(e),y(x,N),{"data-semantic-classname":q.root}),n.createElement(k,t()({},o,J,{href:u?void 0:o.href,className:(0,P.st)(te,P.classes.link),onFocusCapture:a,onBlurCapture:l,ref:Q}),n.createElement(T,{label:c,icon:ne,semanticClassNames:q})))})():re()};var $=n.forwardRef(j);const F=(e,n)=>{const{isDisabled:a,stylableButtonClassName:r,customClassNames:l=[],corvid:i,isMaxContent:c=!1,isWrapText:u=!1,isUdpExperimentOn:d}=e;if(!d)return o().createElement($,t()({},e,{ref:n}));const{iconSvgString:p,iconCollapsed:b,...m}=i||{},f=e.semanticClassNames||S,v=(0,P.st)(P.classes.root,{error:!1,disabled:a,isMaxContent:c,isWrapText:u,...O(m)},r,s(f.root,...l)),y=(0,P.st)(v,P.classes.link),C=(0,P.st)(P.classes.label,s(f.buttonLabel));let k=!1;b||null===p||p&&(k=!0);const g=(0,P.st)(P.classes.icon,{override:k},s(f.buttonIcon)),h={...e,classNames:{root:v,link:y,label:C,icon:g,container:(0,P.st)(P.classes.container)}};return o().createElement(L,t()({},h,{ref:n}))};var A=o().forwardRef(F);const R=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`)),K=e=>"linkPopupId"in e,U=(e,t)=>{if(K(e))return e.linkPopupId;{const{pagesMap:n,mainPageId:a}=t||{};if(!n)return;const r=new URL(e.href??"");let o=Object.values(n).find((({pageUriSEO:e})=>!!e&&r.pathname?.includes(e)));return o||(o=a?n[a]:void 0),o?.pageId}},V=e=>{if(void 0!==e)return null===e?"None":e.type},W=(e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return e.anchorDataId;case"DocumentLink":return e.docInfo?.name;case"PageLink":const n=U(e,t);return n&&t?.pagesMap?.[n]?.title;default:return e.href}},H=(e,t,n)=>{const{link:a,value:r,details:o,actionName:l,elementType:s,trackClicksAnalytics:i,pagesMetadata:c,...u}=t;if(!i)return;const d=c&&{...c,pagesMap:window.viewerModel?.siteFeaturesConfigs?.router?.pagesMap},p=((e,t)=>{if(!e?.type)return;const{type:n}=e;switch(n){case"AnchorLink":return(e=>"anchorDataId"in e&&("SCROLL_TO_TOP"===e.anchorDataId||"SCROLL_TO_BOTTOM"===e.anchorDataId))(e)?void 0:{id:e.anchorDataId};case"DocumentLink":return{id:e.docInfo?.docId};case"PageLink":return{id:U(e,t),isLightbox:K(e)};default:return}})(a,d),b=o||p?JSON.stringify({...p,...o}):void 0;e({src:76,evid:1113,...{...u,bl:navigator.language,url:window.location.href,details:b,elementType:s??"Unknown",actionName:l??V(a),value:r??W(a,d)}},{endpoint:"pa",...n})};var G;!function(e){e.Text="Text",e.Menu="Menu",e.Image="Image",e.Input="Input",e.Login="Login",e.Button="Button",e.Social="Social",e.Gallery="Gallery",e.Community="Community",e.Decorative="Decorative",e.MenuAndSearch="MenuAndSearch",e.MenuAndAnchor="MenuAndAnchor"}(G||(G={}));var q;const Q={StylableButton_Default:{component:A,controller:(q=e=>{let{mapperProps:t,stateValues:n}=e;const{trackClicksAnalytics:a,compId:r,language:o,mainPageId:l,...s}=t;return{...s,reportBiOnClick:e=>{const{fullNameCompType:t,label:i,link:c,isDisabled:u}=s,{reportBi:d}=n;H(d,{link:c,language:o,trackClicksAnalytics:a,elementTitle:null!=i?i:"",elementType:t,pagesMetadata:{mainPageId:l},elementGroup:G.Button,details:{isDisabled:null!=u&&u},element_id:null!=r?r:e.currentTarget.id})}}},{useComponentProps:(e,t,n)=>{const a=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,[t,n])=>{return{...e,[(a=t,a.startsWith("--")?t:R(t))]:void 0===n?null:n};var a}),{});e.updateStyles(n)}}))(n);return q({mapperProps:e,stateValues:t,controllerUtils:a})}})}}}(),r}()})); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[StylableButton_Default].c29679f0.bundle.min.js.map